<template>
	<div>
		<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
			<!-- 门店列表 -->
			<el-tab-pane class="one" label="门店列表" name="first">
				<div class="value" style="margin: 23px 0 23px 0; display: flex;justify-content: space-around;">
					<div class="block" style="display: flex;border: none;">
						<p style="
							width: 80px;
						    line-height: 40px;">注册时间:</p>
						<el-date-picker v-model="value1" type="daterange" value-format="yyyy-MM-dd HH:mm"
							range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
						</el-date-picker>
					</div>
					<div class="input">
						<p style="
		 					width: 106px;
		                    line-height: 40px;">公司名称:</p>
						<el-input v-model="From.companyName" placeholder="请输入内容"></el-input>
					</div>
					<div class="input" @click="address_box=true">
						<p style="
		 					width: 106px;
		 				    line-height: 40px;">所在地区:</p>
						<el-input v-model="address" placeholder="请输入内容"></el-input>
					</div>
					<el-button type="primary" style="
		 				         width: 155px;
		                         height: 42px;
		                         background: #004DD5;
		 						 font-size: 17px;
		 						 font-family: PingFang SC;
		 						 font-weight: 500;
		 						 line-height: 18px;
		 						 color: #FFFFFF;" @click="query(1)">查询</el-button>
				</div>
				 <el-table :data="tableData" style="width: 100%">
				      <el-table-column 
				        label="公司名称"
						prop="companyIntroduction"
				        width="180">
				      </el-table-column>
				      <el-table-column
				        prop="address"
				        label="所在地区"
				        width="180">
				      </el-table-column>
				      <el-table-column
				        prop="createTime"
				        label="创建时间">
				      </el-table-column>
					  <el-table-column
					    prop="corporate"
					    label="创建者"
					    width="180">
					  </el-table-column>
					  <el-table-column
					    prop="telnum"
					    label="创建者手机号"
					    width="180">
					  </el-table-column>
					  <el-table-column
					    prop="operationContacts"
					    label="运营联系人">
					  </el-table-column>
					  <el-table-column
					    prop="operationTell"
					    label="运营联系人手机号">
					  </el-table-column>
					 <el-table-column prop="date" label="操作" width="180">
					 	<template slot-scope="scope">
					 		<div class="btn_home">
								<el-button style=" width:47%;" @click="Storeinformation(scope.row)"
									type="text" size="small">门店信息</el-button>
								<el-button style=" width: 47%;" type="text" size="small"
									@click="comment(scope.row)">点评</el-button>
								<el-button style=" width: 47%;" type="text" size="small"
									@click="block(scope.row)">拉黑</el-button>
							</div>
					 	</template>
					 </el-table-column>
				    </el-table>
			</el-tab-pane>
			<!-- 门店审核 -->
			<el-tab-pane label="门店审核" name="second">
				<div class="audit">
					<span @click="reviewed" :class="footer==2?'blue':''">待审核</span>
					<span @click="Failed1" :class="footer==3?'blue':''">审核未通过</span>
					<span @click="Passed" :class="footer==4?'blue':''">审核已通过</span>
				</div>
				<!-- <el-table :data="tableData">
					<el-table-column prop="companyName" label="公司名称" width="180"></el-table-column>
					<el-table-column prop="address" label="所在地区" width="180"></el-table-column>
					<el-table-column prop="createTime" label="创建时间" width="180"></el-table-column>
					<el-table-column prop="corporate" label="创建者" width="180"></el-table-column>
					<el-table-column prop="telnum" label="创建者手机号" width="180"></el-table-column>
					<el-table-column prop="operationContacts" label="运营联系人" width="180"></el-table-column>
					<el-table-column prop="operationTell" label="运营联系人手机号" width="180"></el-table-column>
					<el-table-column prop="date" label="操作" width="180">
						<template slot-scope="scope">
							<el-button v-if="footer==2"
								@click="ToExamine(scope.row)" type="text" size="small">审核</el-button>
							<el-button v-if="footer==3"
								@click="adopt(scope.row)" type="text" size="small">查看</el-button>
							<el-button v-if="footer==4"
								@click="adopt(scope.row)" type="text" size="small">查看</el-button>
						</template>
					</el-table-column>
				</el-table> -->
				<el-table :data="tableData" style="width: 100%">
				     <el-table-column 
				       label="公司名称"
						prop="companyName"
				       width="180">
				     </el-table-column>
				     <el-table-column
				       prop="address"
				       label="所在地区"
				       width="180">
				     </el-table-column>
				     <el-table-column
				       prop="createTime"
				       label="创建时间">
				     </el-table-column>
					  <el-table-column
					    prop="corporate"
					    label="创建者"
					    width="180">
					  </el-table-column>
					  <el-table-column
					    prop="telnum"
					    label="创建者手机号"
					    width="180">
					  </el-table-column>
					  <el-table-column
					    prop="operationContacts"
					    label="运营联系人">
					  </el-table-column>
					  <el-table-column
					    prop="operationTell"
					    label="运营联系人手机号">
					  </el-table-column>
					 <el-table-column prop="date" label="操作" width="180">
					 	<template slot-scope="scope">
					 		<div class="btn_home">
								<el-button v-if="footer==2"
									@click="ToExamine(scope.row)" type="text" size="small">审核</el-button>
								<el-button v-if="footer==3"
									@click="adopt(scope.row)" type="text" size="small">查看</el-button>
								<el-button v-if="footer==4"
									@click="adopt(scope.row)" type="text" size="small">查看</el-button>
							</div>
					 	</template>
					 </el-table-column>
				   </el-table>
			</el-tab-pane>
			<!-- 黑名单 -->
			<el-tab-pane label="黑名单" name="third">
				<div class="value" style="margin: 23px 0 23px 0; display: flex;justify-content: space-around;">
					<div class="block" style="display: flex;border: none;">
						<p style="
							width: 80px;
						    line-height: 40px;">注册时间:</p>
						<el-date-picker v-model="value1" type="daterange" value-format="yyyy-MM-dd HH:mm"
							range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
						</el-date-picker>
					</div>
					<div class="input">
						<p style="
		 					width: 106px;
		 			        line-height: 40px;">公司名称:</p>
						<el-input v-model="From.companyName" placeholder="请输入内容"></el-input>
					</div>
					<div class="input" @click="address_box=true">
						<p style="
		 					width: 106px;
		 				    line-height: 40px;">所在地区:</p>
						<el-input v-model="address" placeholder="请输入内容"></el-input>
					</div>
					<el-button type="primary" style="
		 				         width: 155px;
		 			             height: 42px;
		 			             background: #004DD5;
		 						 font-size: 17px;
		 						 font-family: PingFang SC;
		 						 font-weight: 500;
		 						 line-height: 18px;
		 						 color: #FFFFFF;" @click="query(2)">查询</el-button>
				</div>
				<!-- <el-table :data="tableData">
					<el-table-column prop="companyName" label="公司名称" width="190"></el-table-column>
					<el-table-column prop="address" label="所在地区" width="190"></el-table-column>
					<el-table-column prop="createTime" label="创建时间" width="190"></el-table-column>
					<el-table-column prop="corporate" label="创建者" width="190"></el-table-column>
					<el-table-column prop="telnum" label="创建者手机号" width="190"></el-table-column>
					<el-table-column prop="operationContacts" label="运营联系人" width="190"></el-table-column>
					<el-table-column prop="operationTell" label="运营联系人手机号" width="190"></el-table-column>
					<el-table-column prop="date" label="操作" width="300">
						<template slot-scope="scope">
							<el-button style="border: 1px solid; width: 76px;" @click="Storeinformation(scope.row)"
								type="text" size="small">门店信息</el-button>
							<el-button style="border: 1px solid; width: 76px;" type="text" size="small"
								@click="comment(scope.row)">点评</el-button>
							<el-button style="border: 1px solid; width: 76px;" type="text" size="small"
								@click="unblock(scope.row)">撤销拉黑</el-button>
						</template>
					</el-table-column>
				</el-table> -->
				
				<el-table :data="tableData" style="width: 100%">
				     <el-table-column 
				       label="公司名称"
						prop="companyName"
				       width="180">
				     </el-table-column>
				     <el-table-column
				       prop="address"
				       label="所在地区"
				       width="180">
				     </el-table-column>
				     <el-table-column
				       prop="createTime"
				       label="创建时间">
				     </el-table-column>
					  <el-table-column
					    prop="corporate"
					    label="创建者"
					    width="180">
					  </el-table-column>
					  <el-table-column
					    prop="telnum"
					    label="创建者手机号"
					    width="180">
					  </el-table-column>
					  <el-table-column
					    prop="operationContacts"
					    label="运营联系人">
					  </el-table-column>
					  <el-table-column
					    prop="operationTell"
					    label="运营联系人手机号">
					  </el-table-column>
					 <el-table-column prop="date" label="操作" width="180">
					 	<template slot-scope="scope">
					 		<div class="btn_home">
								<el-button style="border: 1px solid; width: 76px;" @click="Storeinformation(scope.row)"
									type="text" size="small">门店信息</el-button>
								<el-button style="border: 1px solid; width: 76px;" type="text" size="small"
									@click="comment(scope.row)">点评</el-button>
								<el-button style="border: 1px solid; width: 76px;" type="text" size="small"
									@click="unblock(scope.row)">撤销拉黑</el-button>
							</div>
					 	</template>
					 </el-table-column>
				   </el-table>
			</el-tab-pane>
		</el-tabs>
		<!-- 门店信息弹框 -->
		<el-dialog :title="Companyinformation.companyName" style="font-size: 20px;" :before-close="handleClose"
			:visible.sync="Store_information" width="1269px" center>
			<div class="center_box">
				<div class="store-title">
					<div class="store-title-left">
						<div><span>公司法人</span><span>{{Companyinformation.corporate}}</span></div>
						<div><span>运营联系人</span><span>{{Companyinformation.operationContacts}}</span></div>
						<div><span>运营联系电话</span><span>{{Companyinformation.operationTell}}</span></div>
						<div><span>公司联系电话</span><span>{{Companyinformation.companyTell}}</span></div>
						<p>公司营业执照</p>
						<div v-for="(item,index) in Companyinformation.imglist" :key="index"><img :src="item" /></div>
						<p>门店logo</p>
						<div><img :src="Companyinformation.logo" /></div>
					</div>
					<div class="store-title-right">
						<div><span>公司地址</span><span>{{Companyinformation.address}}</span></div>
						<div style="margin-top: 20%;margin-bottom: 10.5%;"><span>详细地址</span><span>{{Companyinformation.detailedAddress}}</span></div>
						<p>公司介绍</p>
						<div> <textarea>{{Companyinformation.companyIntroduction}}</textarea></div>

					</div>
				</div>
				<!-- <div class="store-title-bottom">
			 					 <p>身份信息</p>
			 					 <div class="information">
			 						 <div><span>姓名</span><span>{{Companyinformation.corporate}}</span></div>
			 						 <div><span>身份证号码</span><span>410928199**********</span></div>
			 						 <div><span>地址</span><span>上海市闵行区黎明安路22号11F楼1113室内</span></div>
			 						 <p>身份证正反面照片</p>
			 <div class="PhotoId"><div style="margin-right: 100px;"><img src="../../purpleLight/build/logo.png"></div><div><img src="../../purpleLight/build/logo.png"></div></div>
			 					 </div>
			 </div> -->
			</div>
			<div v-show="reason"
				style="width: 480px;background: #FFFFFF;border: 1px solid #707070;position:absolute;right: 50px;bottom: 100px;">
				<p @click="reason=false" style="font-size: 15px;float: right;margin: 10px;">x</p>
				<textarea style="width: 99%;height: 122px;border-style:none;outline: none;" v-model="cause"
					placeholder="请输入未通过理由"></textarea>
			</div>
			<span slot="footer" v-if="footer==1||footer==5" class="dialog-footer">
				<el-button style="background-color: #FF0000;" @click="Store_information=false">关闭</el-button>
			</span>
			<!-- 待审核 -->
			<span slot="footer" v-if="footer==2" class="dialog-footer">
				<el-button @click="unexamine(3)">审核通过</el-button>
				<el-button @click="unexamine(2)">审核未通过</el-button>
			</span>
			<!-- 审核未通过 -->
			<div v-if="footer==3" class="dialog-footer"
				style="width: 1111px;margin: 120px auto;display: flex;flex-direction: column;border: 1px solid #707070;">
				<div class="Failed-title">
					<p>审核人</p>
					<p>审核结果</p>
					<p>审核时间</p>
					<p>审核说明</p>
				</div>
				<div class="Failed-bottom">
					<p>{{Auditinf.name}}</p>
					<p>未通过</p>
					<p>{{Auditinf.createTime}}</p>
					<p>{{Auditinf.cause}}</p>
				</div>
			</div>
			<!-- 审核通过 -->
			<div v-if="footer==4" class="dialog-footer"
				style="width: 1111px;margin: 120px auto;display: flex;flex-direction: column;border: 1px solid #707070;">
				<div class="adopt-title">
					<p>审核人</p>
					<p>审核结果</p>
					<p>审核时间</p>
					<p>审核说明</p>
				</div>
				<div class="adopt-bottom">
					<p>{{Auditinf.name}}</p>
					<p>通过</p>
					<p>{{Auditinf.createTime}}</p>
					<p></p>
				</div>
			</div>

		</el-dialog>
		<!-- 点评弹出框 -->
		<el-dialog :visible.sync="comment_box" width="1269px" :before-close="handleClose">
			<div class="comment">
				<div class="comment-item" v-for="(item,index) in Comment_list" :key="index">
					<span class="anniu">从业者</span><span class="dian one"></span><span style="
				display: inline-block;
				margin: 10px 0 0 48px;
				font-size: 14px;
				font-family: PingFang SC;
				font-weight: 500;
			    line-height: 20px;
				color: #000000;">{{item.nickName}}</span>
					<el-button class="del" style="background: #FF0000;" type="danger" @click="onSubmit(item)">删除
					</el-button>
					<div class="text"><textarea>{{item.content}}</textarea></div>
					<div style="font-size: 18px;
				 font-family: PingFang SC;
				 font-weight: 500;
				 position: absolute;
				 bottom: 0;
				 right: 0;
				 margin-right: 30px;
				 line-height: 25px;
				 color: #7B7B7B;">{{item.createTime}}</div>
				</div>
			</div>
		</el-dialog>
		<!-- 拉黑弹框 -->
		<el-dialog :visible.sync="block_box" width="571px" :before-close="handleClose">

			<div class="block-box">
				<p style="font-size: 26px;
			            font-family: PingFang SC;
			            font-weight: 500;
			            text-align: center;
						padding-bottom: 11px;
						border-bottom: 1px solid #D8D8D8;
			            line-height: 37px;
			            color: #000000;">拉黑</p>
				<div class="block-box-center">
					<p>拉黑原因</p>
					<textarea v-model="blackreason"></textarea>
				</div>
				<el-button @click="block_sub">确定</el-button>
			</div>

		</el-dialog>
		<!-- 撤销拉黑弹框 -->
		<el-dialog title="提示" center :visible.sync="unblock_box" width="571px" :before-close="handleClose">

			<div class="unblock-box">
				<p style="font-size: 26px;
                        font-family: PingFang SC;
                        font-weight: 300;
                        line-height: 37px;
                        color: #000000;
			            text-align: center;
						padding-bottom: 11px;
						border-bottom: 1px solid #D8D8D8;
			            ;">确认撤销拉黑以下线上门店？</p>
				<p style="
			text-align: center;
			font-size: 36px;
			font-family: PingFang SC;
			font-weight: 500;
			line-height: 203px;
			color: #000000;
			">{{From.companyName}}</p>
				<el-button style="" @click="unblock_sub">确定</el-button>
			</div>
		</el-dialog>
		<!-- 地址弹框 -->
		<el-dialog title="提示" center :visible.sync="address_box" width="571px" :before-close="handleClose">
			<van-area v-on:confirm="confirm1" :area-list="areaList" />
		</el-dialog>
	</div>
</template>

<script>
	import Vue from 'vue';
	import {
		Area
	} from 'vant';
	import 'vant/lib/index.css';
	import {
		areaList
	} from '@vant/area-data';
	import '@vant/touch-emulator';
	Vue.use(Area);
	export default {
		data() {
			return {
				Auditinf: {}, //审核信息
				userId: '',
				cause: '', //审核未通过理由
				address_box: false,
				From: {
					companyName: '', //公司名称 
					addressProvince: '', //省
					addressCity: '', //市
					addressCounty: '', //县
				},
				Companyinformation: {},
				address: '',
				value1: [],
				unblock_box: false,
				reason: false,
				footer: 1,
				block_box: false,
				Store_information: false,
				comment_box: false,
				activeName: 'first',
				activeName1: 'one',
				tableData: [],
				areaList,
				//拉黑弹框信息
				storeId: '', //线上门店id
				blackreason: '', //拉黑/撤销原因
				Comment_list: [], //点评列表
			};
		},
		methods: {
			confirm1(res) {
				console.log(res[0].name)
				this.From.addressProvince = res[0].name;
				this.From.addressCity = res[1].name;
				this.From.addressCounty = res[2].name;
				this.address_box = false;
				this.address = this.From.addressProvince + '-' + this.From.addressCity + '-' + this.From.addressCounty;
				console.log(this.address)
			},
			query(e) {
				if (this.value1 == null) {
					this.value1 = ''
				};
				if (e == 1) {
					this.$houseAxios.post('/house/pcstore/selectPcStoreList', {
						"addressCity": this.From.addressCity,
						"addressCounty": this.From.addressCounty,
						"addressProvince": this.From.addressProvince,
						"companyName": this.From.companyName,
						"endTime": this.value1[1]||'',
						"pageNum": "",
						"pageSize": "",
						"startTime": this.value1[0]||''
					}).then(res => {
						console.log(res);
						if (res.data.code == 1000) {
							this.tableData = res.data.data;
							this.tableData.forEach(e => {
								e.address = e.addressProvince + '-' + e.addressCity + '-' + e
								.addressCounty;
							})
							this.From.addressCity = '';
							this.From.addressCounty = '';
							this.From.addressProvince = '';
							this.From.companyName = '';
							this.value1 = '';
						}
					}).catch(err => {})
				} else {
					this.$houseAxios.get('/house/pcstore/selectAuditPractitioneStoreStatus', {
						params: {
							"city": this.From.addressCity,
							"area": this.From.addressCounty,
							"province": this.From.addressProvince,
							"companyName": this.From.companyName,
							"endTime": this.value1[1]||'',
							"startTime": this.value1[0]||'',
							pageNum: '',
							pageSize: '',
							storeStatus: 4
						}
					}).then(res => {
						console.log(res);
						if (res.data.code == 1000) {
							this.tableData = res.data.data;
							this.tableData.forEach(e => {
								e.address = e.addressProvince + '-' + e.addressCity + '-' + e
								.addressCounty;
							})
							this.From.addressCity = '';
							this.From.addressCounty = '';
							this.From.addressProvince = '';
							this.From.companyName = '';
							this.value1 = '';
						}
					}).catch(err => {})
				}

			},
			unblock(row) {
				console.log(row);
				this.From.companyName = row.companyName;
				this.unblock_box = true;
				this.storeId = row.storeId;
			},
			//查看审核通过或未通过信息
			adopt(tab) {
				console.log(tab)
				this.Store_information = true;
				this.Companyinformation = tab;
				this.Companyinformation.imglist = tab.businessLicense.split(";");
				this.Companyinformation.address = tab.addressProvince + '-' + tab.addressCity + '- ' + tab.addressCounty;
				this.$houseAxios.get('/house/pcstore/selectAuditByStoreId', {
					params: {
						storeId: tab.storeId,
					}
				}).then(res => {
					console.log(res);
					if (res.data.code == 1000) {
						this.Auditinf = res.data.data[0];

					}
				}).catch(err => {})
			},
			// Failed(tab){
			// 	console.log(tab)
			// 	this.Store_information=true;
			// 	this.Companyinformation=tab;
			// 	this.Companyinformation.imglist=tab.businessLicense.split(";");
			// 	this.Companyinformation.address=tab.addressProvince + '-' + tab.addressCity + '- '+tab.addressCounty;
			// 	this.$houseAxios.get('/house/pcstore/selectAuditByStoreId',{
			// 		params:{
			// 			storeId:tab.storeId,
			// 		}
			// 	}).then(res=>{
			// 		console.log(res)
			// 		this.Auditinf=res.data.data[0];
			// 		console.log(this.Auditinf)
			// 	}).catch(err=>{})
			// },
			ToExamine(tab) {
				console.log(tab)
				this.footer = 2;
				this.Store_information = true;
				this.Companyinformation = tab;
				this.Companyinformation.imglist = tab.businessLicense.split(";");
				this.Companyinformation.address = tab.addressProvince + '-' + tab.addressCity + '- ' + tab.addressCounty;
				this.storeId = tab.storeId;
				this.userId = tab.userId;

			},
			// 拉黑
			block(row) {
				console.log(row)
				this.block_box = true;
				this.storeId = row.storeId;
			},
			// 确认审核未通过
			unexamine(e) {
				if (e == 2) {
					if (this.cause == '') {
						this.reason = true;
					} else {
						this.$houseAxios.get('/house/pcstore/updateStoreStatusAudit', {
							params: {
								cause: this.cause,
								storeId: this.storeId,
								storeStatus: 2,
								userId: this.userId
							}
						}).then(res => {
							console.log(res)
							if (res.data.code == 1000) {
								this.getactive_list(1);
								this.handleClose();
							}
						})
					}
				} else if (e == 3) {
					this.$houseAxios.get('/house/pcstore/updateStoreStatusAudit', {
						params: {
							cause: '',
							storeId: this.storeId,
							storeStatus: 3,
							userId: this.userId
						}
					}).then(res => {
						console.log(res)
						if (res.data.code == 1000) {
							this.getactive_list(1);
							this.handleClose();
						}
					})
				}

			},
			// 确认撤销拉黑
			unblock_sub() {
				this.$houseAxios.get('/house/pcstore/deleteStoreByStoreStatus', {
					params: {
						blackreason: '',
						storeId: this.storeId,
						storeStatus: 3
					}
				}).then(res => {
					console.log(res);
					if (res.data.code == 1000) {
						this.unblock_box = false;
						this.getactive_list(4)
						this.storeId = '';
					}
				}).catch(err => {})
			},
			// 确认拉黑
			block_sub() {
				if (this.blackreason == "") {
					this.$message({
						message: '请输入拉黑理由'
					})
					return
				};
				this.$houseAxios.get('/house/pcstore/deleteStoreByStoreStatus', {
					params: {
						blackreason: this.blackreason,
						storeId: this.storeId,
						storeStatus: 4
					}
				}).then(res => {
					console.log(res)
					if (res.data.code == 1000) {
						this.block_box = false;
						this.get_list();
						this.blackreason = '';
						this.storeId = '';
					}
				}).catch(err => {})
			},
			// 删除点评
			onSubmit(row) {
				console.log(row)
				this.$houseAxios.get('/house/pcstore/deletePractitioneById', {
					params:{
						practitioneId: row.practitioneId,
					}
				}).then(res=>{
					console.log(res)
					if(res.data.code==1000){
						this.comment(row)
					}
				}).catch(err=>{})
			},
			comment(row) {
				console.log(typeof(row.userId))
				this.comment_box = true;
				this.$houseAxios.get('/house/pcstore/selectPcPractitioneByUserId', {
					params: {
						userId: row.userId
					}
				}).then(res => {
					this.Comment_list = res.data.data;
				}).catch(err => {})
			},
			// 查询待审核，审核未通过，审核已通过，黑名单
			getactive_list(e) {
				this.$houseAxios.get('/house/pcstore/selectAuditPractitioneStoreStatus', {
					params: {
						province:'',
						city:'',
						area:'',
						companyName:'',
						endTime:'',
						startTime:'',
						pageNum: '',
						pageSize: '',
						storeStatus: e
					}
				}).then(res => {
					console.log(res);
					this.tableData = res.data.data;
						this.tableData.forEach(e => {
							e.address = e.addressProvince + '-' + e.addressCity + '- ' + e.addressCounty
						})
				}).catch(err => {})
			},
			// 待审核
			reviewed() {
				this.footer = 2;
				this.getactive_list(1);
			},
			// 审核未通过
			Failed1() {
				this.footer = 3;
				this.getactive_list(2);
			},
			Passed() {
				this.footer = 4;
				this.getactive_list(3);
			},
			handleClick(tab, event) {
				this.From.addressCity = '';
				this.From.addressCounty = '';
				this.From.addressProvince = '';
				this.From.companyName = '';
				this.value1 = '';
				this.address = '';
				// console.log(tab);
				if (tab.label == '门店审核') {
					this.footer = 2;
					this.getactive_list(1)
				} else if (tab.label == '门店列表') {
					this.footer = 1;
					this.get_list()
				} else if (tab.label == '黑名单') {
					this.footer = 5;
					this.getactive_list(4);
				}
				// console.log(this.footer)
			},
			Storeinformation(tab) {
				console.log(tab);
				this.Store_information = true;
				this.Companyinformation = tab;
				this.Companyinformation.imglist = tab.businessLicense.split(";");
				console.log(this.Companyinformation.imglist);
				this.Companyinformation.address = tab.addressProvince + '-' + tab.addressCity + '- ' + tab.addressCounty
			},
			handleClose() {
				this.comment_box = false;
				this.block_box = false;
				this.unblock_box = false;
				this.Store_information = false;
				this.address_box = false;
				this.reason = false;
				this.Companyinformation = {};
				this.blackreason = '';
				this.storeId = '';
				this.cause = '';
				this.userId = '';
				this.Auditinf={};
				console.log(this.Companyinformation);
			},
			get_list() {
				this.$houseAxios.post('/house/pcstore/selectPcStoreList', {
					"addressCity": "",
					"addressCounty": "",
					"addressProvince": "",
					"companyName": "",
					"endTime": "",
					"pageNum": "",
					"pageSize": "",
					"startTime": ""
				}).then(res => {
					console.log(res)
					this.tableData = res.data.data;
					this.tableData.forEach(e => {
						e.address = e.addressProvince + '-' + e.addressCity + '- ' + e.addressCounty
					})
					console.log(this.tableData);
				})
			},

		},
		created() {
			this.get_list()
		}
	};
</script>

<style scoped="scoped">
	/deep/.el-input__inner{
		height: 33px;
		margin-top: 3px;
	}
	/deep/.el-range-editor.el-input__inner{
		height: 33px;
		margin-top: 3px;
	}
	/deep/.el-tabs--card>.el-tabs__header .el-tabs__nav,
	/deep/.el-tabs--card>.el-tabs__header {
		border: none;
	}
	/deep/.el-table{
		width: 100%;
	}
	/deep/.el-table td {
		text-align: center;
		font-size: 15px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 22px;
		color: #000000;
	}

	/deep/.el-tabs__item {
		border:1px solid;
		width: 100px;
		height: 46px;
		border-radius: 5px;
		text-align: center;
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 40px;
		color: #000000;
		padding-right: 50px;
	}

	/deep/.el-tabs__item.is-active {
		background: #004DD5;
		color: white;
		width: 27%;
	}

	/deep/.el-tabs--card>.el-tabs__header .el-tabs__item {
		margin-right: 20px;
		border: none;
	}

	.demo-input-suffix {
		display: inline-block;
	}

	.input {
		display: flex;
	}

	/* /deep/.el-button--text {
		background: #FAFAFA;
		border: 1px solid #004DD5;
		border-radius: 3px;
		color: #004DD5;
	} */

	/deep/.el-table th {
		background-color: #004DD5;
		font-size: 16px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 16px;
		text-align: center;
		color: #FFFFFF;
	}

	.el-tabs {
		width: 95%;
		margin: 2% auto;
	}

	/deep/.el-tab-pane {
		width: 100%;
		border: 1px solid #CCCCCC;
		height: 865px;
	}

	.audit {
		display: flex;
		justify-content: space-around;
		width: 30%;
		margin: 20px 0 40px 0;
	}

	.audit>span {
		display: inline-block;
		font-size: 20px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 33px;
	}

	.center_box {
		/* border:1px solid; */
		width: 85%;
		margin: 20px 184px 20px 132px;
	}

	/deep/.el-dialog__title {
		font-size: 32px;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 45px;
		margin-top: 30px;
		display: inline-block;
	}

	.store-title {
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}

	.store-title-left {
		/* border: 1px solid red; */
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.store-title-left>div,
	.store-title-right>div {
		margin: 20px;
	}
	.store-title-left>div>span:nth-child(1){
		width: 55%;
	}
	.store-title-right>div>span:nth-child(1){
		width: 27%;
	}
	.store-title-left>div>span:nth-child(1),
	.store-title-right>div>span:nth-child(1) {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		display: inline-block;
	}

	.store-title-left>div>span:nth-child(2),
	.store-title-right>div>span:nth-child(2) {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #000000;
	}

	.store-title-right {
		/* border: 1px solid blue; */
		flex: 1;
	}

	.store-title-right>div {
		display: flex;
		margin-bottom: 48px;
	}

	.store-title-right>div>span:nth-child(2) {
		width: 338px;
	}

	.store-title-left>p {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		width: 180px;
		display: inline-block;
		margin: 20px;
	}

	.store-title-right>p {
		margin: 60px 20px 0 20px;
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		width: 180px;
		display: inline-block;
	}

	.store-title-left>div>img {
		display: inline-block;
		width: 134px;
		height: 134px;
	}

	.store-title-right>div>textarea {
		width: 475px;
		height: 374px;
		font-size: 20px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 28px;
		padding: 34px 33px 10px 22px;
	}

	.store-title-bottom>p {
		font-size: 32px;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 45px;
		color: #000000;
		text-align: center;
	}

	.store-title-bottom>.information {
		display: flex;
		flex-direction: column;
	}

	.information>div {
		margin: 20px;
	}

	.information>div>span:nth-child(1) {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #676767;
		display: inline-block;
		width: 150px;
	}

	.information>div>span:nth-child(2) {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #000000;
	}

	.information>p {
		margin: 20px;
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #676767;
	}

	.comment {
		width: 1122px;
		height: 915px;
		/* border: 1px solid; */
		margin: 0 auto;
		margin-top: 55px;
	}


	.comment-item {
		height: 141px;
		width: 100%;
		position: relative;
		border: 1px solid #707070;
		border-radius: 5px;
		padding: 16px;
	}

	.comment-item>span {
		margin: 4px;
	}

	.anniu {
		display: inline-block;
		width: 50px;
		height: 27px;
		background: #004EFF;
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 20px;
		color: #FFFFFF;
		border-radius: 5px;
		text-align: center;
	}

	.dian {
		display: inline-block;
		width: 33px;
		height: 33px;
		background: #000000;
		border: 1px solid #000000;
		border-radius: 50%;
		position: absolute;
	}

	.del {
		position: absolute;
		right: 0;
		margin-right: 10px;
	}

	.text {
		margin: 22px 0 0 79px;
	}

	.text>textarea {
		width: 708px;
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 25px;
		color: #000000;
		border: none;
	}

	.block-box {
		height: 471px;
	}

	.block-box-center {
		margin: 0 auto;
		margin-top: 35px;
		width: 503px;

	}

	.block-box-center>p {
		font-size: 20px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 28px;
		color: #434343;
	}

	.block-box-center>textarea {
		width: 503px;
		height: 168px;
		background: #FFFFFF;
		margin-top: 12px;
	}

	.block-box>.el-button {
		width: 186px;
		height: 41px;
		background: #004DD5;
		border: 1px solid #707070;
		opacity: 1;
		border-radius: 5px;
		display: inherit;
		margin: 80px auto;
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}

	.unblock-box {
		height: 327px;
	}

	.unblock-box>.el-button {
		width: 186px;
		height: 41px;
		background: #004DD5;
		border: 1px solid #707070;
		opacity: 1;
		border-radius: 5px;
		display: block;
		margin: 30px auto;
		font-size: 18px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}

	.dialog-footer>.el-button:nth-child(1) {
		width: 243px;
		background: #004DD5;
		border-radius: 3px;
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		margin-top: 100px;
	}

	.dialog-footer>.el-button:nth-child(2) {
		width: 243px;
		background: #FF0000;
		border-radius: 3px;
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
	}

	.blue {
		color: #004DD5;
	}

	.Failed-title {
		width: 100%;
		height: 54px;
		background-color: #004DD5;
		display: flex;
		justify-content: space-around;
	}

	.Failed-title>p {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #FFFFFF;
	}

	.Failed-bottom {
		width: 100%;
		height: 88px;

		display: flex;
		justify-content: space-around;
	}

	.Failed-bottom>p {
		text-align: center;
		background-color: #004DD5;
		width: 100%;
		height: 100%;
		background: #FFFFFF;
		border-right: 1px solid #707070;
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 65px;
		color: #000000;
	}

	.Failed-bottom>p:nth-child(2) {
		color: #FF0000;
	}

	.Failed-bottom>p:nth-child(4) {
		font-size: 20px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 28px;
		color: #000000;
	}

	.PhotoId>div {
		display: inline-block;
		width: 400px;
		height: 300px;
	}

	.PhotoId>div>img {
		width: 100%;
		height: auto;
	}


	.adopt-title {
		width: 100%;
		height: 54px;
		background-color: #004DD5;
		display: flex;
		justify-content: space-around;
	}

	.adopt-title>p {
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 37px;
		color: #FFFFFF;
	}

	.adopt-bottom {
		width: 100%;
		height: 88px;

		display: flex;
		justify-content: space-around;
	}

	.adopt-bottom>p {
		text-align: center;
		background-color: #004DD5;
		width: 100%;
		height: 100%;
		background: #FFFFFF;
		border-right: 1px solid #707070;
		font-size: 26px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 65px;
		color: #000000;
	}

	.adopt-bottom>p:nth-child(2) {
		color: #004DD5;
	}

	.adopt-bottom>p:nth-child(4) {
		font-size: 20px;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 28px;
		color: #000000;
	}
	.btn_home{
	display: flex;	
	}
	.btn_home>button{
		flex: 1;
	}
</style>
